import React, { Component } from 'react';
import { Table } from 'antd';
import { isArray, isObject, isEmpty, omit,map } from 'lodash';
import { renderObjFunc } from '../../utils/renderCompTpl';

export default class DataTable extends Component {
  static defaultProps = {
    compSetting: {
      columns: {
        // column: [{
        //   _desc: '',
        //   _dataField: ''
        // }]
      },
    },
    nativeProps: {
      // dataSource: [
      //   // {
      //   //   key: 1,
      //   //   code: '1',
      //   //   targetCate: '2',
      //   // },
      // ],
    },
  };

  render() {
    const { compSetting } = this.props;
    let columnsT = [];
     //const columns = [
     //{
     //  title: '姓名',
     //  dataIndex: 'name',
     //  key: 'name',
     //},
     //];

    //if (!isEmpty(compSetting)) {
    //  const { columns } = compSetting;
    //  if (!isEmpty(columns)) {
    //    // 表格
    //    //renderObjFunc(columns.column, colItem => {
    //    //  if(colItem['_type'] == 'LIST_ACTION'){
    //    //    let action = {
    //    //      title:colItem['_desc'] ? colItem['_desc'] : '',
    //    //      key: colItem['_dataField'] ? colItem['_dataField'] : '',
    //    //    };
    //    //    action['render'] = (text, record)=>{
    //    //      return (
    //    //          null
    //    //          //<span>{
    //    //          //  map(colItem['actions'],(obj,key)=>{
    //    //          //    return (<a href="javascript:;">{obj._desc}</a>);
    //    //          //  })
    //    //          //}</span>
    //    //      );
    //    //    };
    //    //    columnsT.push(action);
    //    //  }else{
    //    //    columnsT.push({
    //    //      title: colItem['_desc'] ? colItem['_desc'] : '',
    //    //      dataIndex: colItem['_dataField'] ? colItem['_dataField'] : '',
    //    //      key: colItem['_dataField'] ? colItem['_dataField'] : '',
    //    //    });
    //    //  }
    //    //
    //    //});
    //    // if (columnsT[0]) {
    //    //   columnsT[0]['fixed'] = 'left';
    //    //   columnsT[0]['width'] = 100;
    //    // }
    //  }
    //}

    const rowSelection = {
      onChange: (selectedRowKeys, selectedRows) => {
        console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
      },
      getCheckboxProps: record => ({
        // disabled: record.name === 'Disabled User', // Column configuration not to be checked
        // name: record.name,
      }),
    };
    //console.log('rowSelection:',rowSelection);
    return <Table
        {...omit(this.props,['compSetting'])}
        rowSelection={rowSelection}
        //columns={columns}
    />;
  }
}
